<template>
  <div class="jobDetail">
    <fuChuangZi></fuChuangZi>
    <van-panel title="招收公司" desc="顺丰快递" class="panel" @click="toCompany(index)">
      <van-card
        title="顺丰快递"
        thumb="/static/images/icon.jpg"
        class="card"
      >
        <div slot="desc" class="desc">
          <span>公司简介</span>
          <van-icon name="arrow" size="50rpx" />
        </div>
        <div slot="bottom" class="bottom">
          <span>在招职位</span>
        </div>
      </van-card>
    </van-panel>
    <van-panel title="职位总概" desc="招收快递员">
    </van-panel>
    <van-panel title="工作时间" desc="2019年1月1日">
    </van-panel>
    <van-panel title="工作地点" desc="成都信息工程大学">
<!--      <map id="map" longitude="113.324520" latitude="23.099994" scale="14" :controls="controls" @controltap="controltap" :markers="markers" @markertap="markertap" :polyline="polyline" @regionchange="regionchange" show-location style="width: 100%; height: 100rpx;"></map>-->
    </van-panel>
    <van-panel title="职位描述" desc="在规定时间内获取顺丰快递的工作">
    </van-panel>
    <van-panel title="工作薪资" desc="5-10/时">
    </van-panel>
    <van-panel title="工作要求" desc="企业的工作要求">
    </van-panel>
    <van-goods-action>
      <van-goods-action-icon
        icon="warning-o"
        text="投诉"
        @click="onClickWarning"
      />
      <van-goods-action-icon
        icon="manager-o"
        text="联系"
        @click="onClickChat"
      />
      <van-goods-action-icon
        icon="star-o"
        text="收藏"
        @click="onClickStar"
      />

      <van-goods-action-button
        color="rgb(25, 137, 250)"
        text="立即投递"
        @click="onClickJobIn"
      />
    </van-goods-action>
  </div>
</template>

<script>

  import fuChuangZi from '../../components/fuChuangZi/fuChuangZi.vue'
export default {
  components: {
    fuChuangZi
  },
  data () {

    return {
      markers: [{
        iconPath: "/resources/others.png",
        id: 0,
        latitude: 23.099994,
        longitude: 113.324520,
        width: 50,
        height: 50
      }],
      polyline: [{
        points: [{
          longitude: 113.3245211,
          latitude: 23.10229
        }, {
          longitude: 113.324520,
          latitude: 23.21229
        }],
        color:"#FF0000DD",
        width: 2,
        dottedLine: true
      }],
      controls: [{
        id: 1,
        iconPath: '/resources/location.png',
        position: {
          left: 0,
          top: 300 - 50,
          width: 50,
          height: 50
        },
        clickable: true
      }]
    }

    },
  methods: {
    toCompany(){
      wx.navigateTo({
        url: "/pages/company/main"
      })
    },
    regionchange(e) {
      console.log(e.type)
    },
    markertap(e) {
      console.log(e.markerId)
    },
    controltap(e) {
      console.log(e.controlId)
    }
    }
  }



</script>

<style lang="stylus" rel="stylesheet/stylus">
.jobDetail
  .panel
    .card
      .desc
        height 75rpx
        line-height 75rpx
        van-icon
          float right
          margin-top 15rpx
      .bottom
        height 77rpx
        line-height 77rpx
</style>
